﻿@model IEnumerable<vngoodlife.Article>
           
 <div class="content">
                 <div id="featured">

                 <!-- First Content -->
                    <div class="ui-tabs-panel">
                        <div style="text-align:center;">
                            <a href="@Url.RouteUrl("ArticleDetailFrontend", new { articleSeoUrl = Model.ElementAt(0).ArticleSeoUrl })" title="@Model.ElementAt(0).Title">
                                <img src="../../../Content/images/article/thumbnail/@Model.ElementAt(0).Photo" alt="" />
                            </a>
                        </div>
                        <div class="info">
                            <h2>
                                <a href="@Url.RouteUrl("ArticleDetailFrontend", new { articleSeoUrl = Model.ElementAt(0).ArticleSeoUrl })" title="@Model.ElementAt(0).Title">
                                   @vngoodlife.Util.GeneralClass.CutStringByWords(Model.ElementAt(0).Title, 8)</a></h2>
                            <p>@vngoodlife.Util.GeneralClass.CutStringByWords(Model.ElementAt(0).Description, 25)</p>
                        </div>
                    </div>
                    <div>
                    <ul class="ui-tabs-nav">
                      @foreach (var item in Model.Skip(1))
                      {
                        <li class="ui-tabs-nav-item" >
                            <a href="@Url.RouteUrl("ArticleDetailFrontend", new { articleSeoUrl = item.ArticleSeoUrl })" title="@item.Title">
                              <img src="../../../Content/images/article/thumbnail/@item.Photo" alt="" />
                              <span>@vngoodlife.Util.GeneralClass.CutStringByWords(item.Title, 14)</span>
                            </a>
                        </li>
                      }
                    </ul>
                    </div>
                    
                </div>
            </div>